/*
 * @Title: 新建收藏文件夹
 * @Created by: ycq 
 */
<template>
	<view class="newSc">
		<view class="newSc-head">
			<text class="close" @click="close">取消</text>
			<text class="title">新建收藏夹</text>
			<text class="complete" @click="chooseColl()">完成</text>
		</view>
		<view class="newInfo">
			<!-- <image src="/static/banner.png" mode=""></image> -->
			<input type="text"  placeholder="请编辑收藏名称">
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				popData:{
					show:true,
					text:'已新建收藏',
					url:'/pages/my/myCollection/collection'
				},
			}
		},
		methods: {
			close() {
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeNewColl();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeNewColl();
				//#endif
			},
			completeBtn(){
				this.close()
			},
			chooseColl(){
				// #ifdef APP-PLUS || MP-WEIXIN
					this.$parent.close()
				// #endif
				// #ifdef H5
				this.$parent.$parent.close()
				//#endif 
				// this.collIndex = id;
				this.close();
				// console.log(id);
				this.$store.commit('showAddCussUpdate',this.popData)
				
				
			}
		},
	}
</script>

<style scoped>
	.newSc{
		width: 700upx;
		height: 302upx;
		background: #FFFFFF;
		position: fixed;
		z-index: 37;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border-radius: 30upx;
	}
	.newSc-head{
		width: 100%;
		height: 110upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.close,.complete{
		font-size: 26upx;
		color: #666666;
		line-height: 110upx;
		margin: 0 26upx;
	}
	.title{
		font-size: 30upx;
		color: #000000;
		line-height: 110upx;
	}
	.newInfo{
		width: 750upx;
		height: auto;
		display: table;
	}
	.newInfo image{
		width: 200upx;
		height: 155upx;
		margin-left: 26upx;
		float: left;
	}
	.newInfo input{
		color: rgba(204,204,204,1.00);
		width: 640upx;
		height: 70upx;
		border-bottom: rgba(232,232,232,1.00) solid 1upx;
		margin-left: 30upx;
		font-size: 28upx;
		margin-top: 42upx;
		line-height: 70upx;
		float: left;
	}
</style>
